<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div id = "app">
	<span v-bind:title="message">
	鼠标悬停几秒钟看此处动态绑定的提示信息！
	</span>
</div>

<div id = "app-1">
<p v-if = "seen">现在你看到我了</p>
</div>

<div id="app-2">
  <p>{{ message }}</p>
  <button v-on:click="reverseMessage">逆转消息</button>
</div>
<script>
var app = new Vue({
	el:'#app',
	data:{
	message:'页面加载中...' + new Date()
	},

})
var app1 = new Vue({
	el: '#app-1',
	data:{
	seen:true
	},
})

var app2 = new Vue({
  el: '#app-2',
  data: {
    message: 'Hello Vue.js!'
  },
  methods: {
    reverseMessage: function () {
      this.message = this.message.split('').reverse().join('')
    }
  }
})
</script>
